<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>赵唐-首页</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0">
<link href="${ctxStatic }/site/themes/default/css/boilerplate.css"  rel="stylesheet" type="text/css">
<link href="${ctxStatic }/site/themes/default/css/css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="${ctxStatic }/site/themes/default/js/jQuery.js"></script>
<script type="text/javascript" src="${ctxStatic }/site/themes/default/js/swipe.js"></script>
<script type="text/javascript" src="${ctxStatic }/site/themes/default/js/zepto.js"></script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<script src="${ctxStatic}/site/themes/default/js/hideOptionMenu.js" type="text/javascript"></script>

<script>
function test(){
		var timestamp =Date.parse(new Date());
		javascript:window.location.href='tuangou.html?t='+timestamp;
		
}

function formSubmit(){
	var keyword = $("#keyword").val();
	if(keyword!=''){
		$("#seach").submit();
	}
}


</script>
</head>
<body>
<div class="gridContainer clearfix" id="index">
    <header>
     <form action="${ctxFront }/site/shopping/search"  method="get" id="seach" >
     <input  type="hidden"   name="uid"  value="${uid }"    >
 		<input  type="hidden"   name="wechatId"  value="${wechatId }"    >
 		<input  type="hidden"   name="pid"  value="${project.id }"    >
	    <h3>赵唐订购</h3>
    <input type="search"  value="搜索商品" placeholder=""  name="keyWord" onfocus="javascript:this.value='';" id="keyword"  >
    <input name="搜索" placeholder="搜索" value="搜索" type="submit"  onclick="formSubmit()" style="background:none;">
    </form>
  </header>
  <section> 
    <!--图片轮播效果-->
    <div style="-webkit-transform:translate3d(0,0,0);">
      <div id="banner_box" class="box_swipe" style="visibility: visible;">
        <ul style="list-style: none; width: 4480px; transition: 500ms; -webkit-transition: 500ms; -webkit-transform: translate3d(-1280px, 0, 0);">
          <c:if test="${!(empty project.pic1) }">
          		 <li style="width: 640px; display: table-cell; vertical-align: top;"> <a onclick="return false;"> <img src="${ctxUser}/project/${project.pic1 }" alt="1" style="width:100%;"> </a> </li>
         </c:if>
         <c:if test="${!(empty project.pic2) }">
          		 <li style="width: 640px; display: table-cell; vertical-align: top;"> <a onclick="return false;"> <img src="${ctxUser}/project/${project.pic2 }" alt="1" style="width:100%;"> </a> </li>
         </c:if>
         <c:if test="${!(empty project.pic3) }">
          		 <li style="width: 640px; display: table-cell; vertical-align: top;"> <a onclick="return false;"> <img src="${ctxUser}/project/${project.pic3 }" alt="1" style="width:100%;"> </a> </li>
         </c:if>
          <c:if test="${!(empty project.pic4) }">
          		 <li style="width: 640px; display: table-cell; vertical-align: top;"> <a onclick="return false;"> <img src="${ctxUser}/project/${project.pic4 }" alt="1" style="width:100%;"> </a> </li>
          </c:if>
        </ul>
        <ol>
         <c:if test="${!(empty project.pic1) }"><li class="on"></li></c:if>
          <c:if test="${!(empty project.pic2) }"><li ></li></c:if>
          <c:if test="${!(empty project.pic3) }"><li ></li></c:if>
          <c:if test="${!(empty project.pic4) }"><li ></li></c:if>
        </ol>
      </div>
    </div>
    <script>
		$(function(){
			new Swipe(document.getElementById('banner_box'), {
				speed:500,
				auto:3000,
				callback: function(){
					var lis = $(this.element).next("ol").children();
					lis.removeClass("on").eq(this.index).addClass("on");
				}
			});
		});
	</script>
	<c:if test="${fn:length(menuList) ne 0}">
	    <div class="indexmenu">
	      <ul>
	      <c:forEach  items="${menuList }"  var="menu"  >
	        <li>
	          <p><a href="${menu.url }" ><img src="${ctxUser }/project/${menu.pic}"></a></p>
	          <p>${menu.name }</p>
	        </li>
	      </c:forEach>
	      </ul>
	    </div>
	</c:if>
	<div class="clear fenlei" style="margin-bottom: 5px;">
      <h3>热门精选</h3>
      <c:forEach items="${productCategorieList }"   var="productCategory" begin="0" end="7">
	      <a  href="${ctxMobileSite}/shopping/productCategoryBySub?pid=${project.id}&cid=${productCategory.id}&uid=${uid }&wechatId=${wechatId }" >
		      <dl>
		        <dd style="padding:6%">
		          <p>${productCategory.name }</p>
		          <p class="fontccc">${remarks }</p>
		        </dd>
		        <dd style="text-align:right;"><img src="${ctxUser }/project/${productCategory.icon }"></dd>
		      </dl>
	      </a>
      </c:forEach>
    </div>
    
    <div class="dapei">
      <ul>
      <c:forEach items="${activityMenuList }"  var="menu"  begin="0"  end="2"  >
        <li onclick="javascript:window.location.href='${menu.url}'">
          <p>
          <h3>${menu.name }</h3>
          </p>
          <p class="fontccc">${menu.remarks }</p>
          <p><img src="${ctxUser }/project/${menu.pic}" height="80"></p>
          <p ><span class="fontOrange"></span> <span class="fontccc"><s></s></span></p>
        </li>
      </c:forEach>
      </ul>
    </div>

    <c:forEach items="${activitieList }"  var="adv" >
	    <div class="ad"  onclick="javascript:window.location.href='${adv.url}'">
	      <h3>${adv.name }</h3>
	      <p><a href="${adv.url }?uid=${uid}&wechatId=${wechatId}" ><img src="${ctxUser }/advert/${adv.pic }" width="100%"></a></p>
	    </div>
    </c:forEach> 
     <div class="jszch">技术支持：<a href="http://www.hdzhx.com/boxin/index.html" >智讯互联</a></div>  
  </section>  
 <jsp:include page="./footer.jsp"></jsp:include>
</div>
</body>
</html>
